import { useEffect } from "react";
import { Popconfirm, Table } from "antd";
import { Card as SemiCard, ButtonGroup, Button } from "@douyinfe/semi-ui";
import { IconRefresh, IconPlusCircle } from "@douyinfe/semi-icons";
import { useModel } from "umi";
import { useReactive } from "ahooks";
import { IconDelete } from "@douyinfe/semi-icons";

const Developer = () => {
    const { windowInnerHeight, remoteData, BNTApplicationResourceCenterServiceURL } = useModel("global");
    const { setModalVisible, setModalTitle, setModalWidth, setModalComponent } = useModel("global.modal");
    const { remoteOrganizationInfo } = useModel("organization.info");

    const state = useReactive({});

    const cardBodyHeight = windowInnerHeight - 90 - 54 - 20;

    return (
        <div style={{ padding: 10 }}>
            <SemiCard
                title={<span style={{ lineHeight: "32px", fontSize: 16 }}>组织客户</span>}
                headerExtraContent={
                    <ButtonGroup size={"default"}>
                        <Button icon={<IconRefresh />}></Button>
                    </ButtonGroup>
                }
                headerStyle={{ padding: "10px 14px" }}
                shadows="always"
                bordered={false}
                bodyStyle={{ padding: 0, height: cardBodyHeight }}
            ></SemiCard>
        </div>
    );
};

export default Developer;
